import { useState } from 'react';
import { DemoBlock } from 'demos';
import { Select } from '@pxxtech/mobile';
import { Button } from '@pxxtech/component';

const Basic = () => {
  const [selectVal, update] = useState<string>();

  return (
    <>
      {/*<Popup visible/>*/}
      <DemoBlock title="基础用法">
        <Select
          options={[
            { label: 'label0', value: 'value0' },
            { label: 'label1', value: 'value1' },
          ]}
        />
        <Select
          label="牵引车/13.5米/柴油/5轴"
          dicKey="resource.vehicle.vehicle_plate_color_code"
        />
      </DemoBlock>
      <DemoBlock title="禁用状态">
        <Select disabled label="牵引车/13.5米/柴油/5轴" />
      </DemoBlock>
      <DemoBlock title="自定义交互">
        <Select disabled label={selectVal} placeholder="请点击一下进行输入" />
      </DemoBlock>
    </>
  );
};

export default Basic;
